// Created by lifei on 2020/7/22--16:14.
<template>
  <list-page :pager="pager" :data="tableData" :showSearch="false" :showSelection="false" @changeCurrentPage="changeCurrentPage">
    <template slot="table">
      <el-table :data="tableData" align="left">
        <el-table-column label="材料名称" prop="name" />
        <el-table-column width="90px" label="是否上传" prop="isUpload">
          <template slot-scope="scope">
            <span v-if="scope.row.isUpload" class="icon el-icon-check text-success"></span>
            <span v-else class="icon el-icon-close text-danger"></span>
          </template>
        </el-table-column>
        <el-table-column label="档案文件" prop="file" />
        <el-table-column width="150px" label="更新时间" prop="updated" />
        <el-table-column label="备注" prop="remard" />
        <el-table-column width="110px" label="操作" fixed="right">
          <template slot-scope="scope">
            <div class="flex-c">
              <el-button type="text">编辑</el-button>

              <el-button type="text" @click="del(scope.row, scope.$index)">
                <span class="text-danger">删除</span>
              </el-button>
            </div>
          </template>
        </el-table-column>
      </el-table>
    </template>
  </list-page>
</template>

<script>
import pager from '@/assets/vue-mixin/pager'

export default {
  name: "case-comp",
  mixins: [pager],
  data () {
    return {
      tableData: [
        {
          name: '城市更新单元规划批复',
          isUpload: true,
          file: '城市更新单元规划批复.pdf',
          updated: '2020-5-27 17:51',
          remard: '备注信息',
        },
        {
          name: '建设用地规划许可证',
          isUpload: false,
          file: '建设用地规划许可证.pdf',
          updated: '2020-5-27 17:51',
          remard: '备注信息',
        },
      ]
    }
  },
  mounted () {
  },
  methods: {
    handleClick () {

    },
    del () {

    }
  }
}
</script>

<style scoped lang='scss'>
.icon {
  font-size: 18px;
  font-weight: bold;
}
</style>
